// --------------------封装全局指令--------------
// 搜索框自动聚焦----方法
// 情况1：对象 + install 方法
/*
const directiveObj = {
  install (Vue) { // 相当于---import Vue from 'vue'
    // console.log(Vue)
    Vue.directive('fofo', { // 全局指令方法：directive 方法 ('自定义方法名', 对象函数逻辑代码)
      inserted (el) {
        el.querySelector('input').focus()
      }
    })
  }
}
export default directiveObj
 */
// 情况2：导出函数
export default function (Vue) {
  Vue.directive('fofo', {
    inserted (el) {
      // el.querySelector('input').focus() // 此语句只能向里查找里面的input标签

      // 判断
      if (el.nodeName === 'TEXTAREA' || el.nodeName === 'INPUT') {
        el.focus()
      } else { // el不是输入框,往里面查找
        const INP = el.querySelector('input')
        const TEXTA = el.querySelector('textarea')
        if (INP) {
          INP.focus()
        }
        if (TEXTA) {
          TEXTA.focus()
        }
      }
    }
  })
}
